<template>
	<div id="user">
		<div class="crumbs">
			<span>绑定银行卡</span>
			<a><em>&lt;</em>返回</a>
		</div>
		<div class="forms">
			<bindCard></bindCard>
			<!--<bindId></bindId>
			<Addr></Addr>
			<Email></Email>
			<Result></Result>-->
		</div>
	</div>
</template>
<script>
	import * as form from "./form/main"; 
	export default {
		name: "user",
		components: {
			bindCard: form.bindcard,
			bindId: form.bindId,
			Addr: form.address,
			Email: form.email,
			Result: form.result,
		}
	}
</script>
<style lang="less" rel="stylesheet/less" type="text/css">
	@import '../../../../public/css/variable.less';	
	.forms{
		width: 450px;
		margin: 0 auto;
	}
	.el-form{
		.el-form-item{
			&:last-child{
				margin-top: 50px;
			}
		}
	}
	.crumbs{
		position: relative;
		padding-bottom: 20px;
		border-bottom: 1px solid #efefef;
		margin-bottom: 30px;
		height: 40px;
		line-height: 40px;
		text-align: right;
		span{
			float: left;
			color: #626571;
		}
		a{
			.fonts(15px);
			cursor: pointer;
			color: #8f9397;
			.trans(.3s);
			&:hover{ color: @cgolden; }
		}
		em{
			font-family: "宋体";
			.fonts(15px);
			padding-right: 5px;
		}
		&:before{
			content: "";
			position: absolute;
			width: 60px;
			height: 3px;
			background: #d8b26a;
			bottom: 0;
			left: 0;
		}
	}
	
	.el-button{
		width: 100%;
		background: @cgolden;
		color: @cw;
		border: 0;
		&:hover{
			color: @cw;
		}
	}
	.el-select{
		width: 100%;
	}
</style>